export default {
    data() {
      return {
        // 房源详情
        houseList: [], // 房源步骤
        editDialogVisible: false, //是否打开编辑窗口
        src: '',
        houseFile: '', // 房源上传图片信息
        fileLength: 0,
    }
    },
    created() {
      // 获取房源详情页信息
      this.gethouseInfo();
    },
    methods: {
      // 房源详情页
      //获取详情页信息
      async gethouseInfo() {
        // 接收myHouselist.vue页面传来的参数 单个house对象
        var houseRow = this.$route.query.houseRow
      //  console.log(houseRow);
        // 根据houseid查询对应的信息
        const {
          data: res
        } = await this.$axios.get('HouseController/houseInfo.action', {
          params: { // 参数
            id: houseRow.houseid
          }
        })
        this.houseList=res;
        console.log(res);
         console.log(res[0]);
      },

      getIndex(i) { // 获取点击图片的下标
        this.indexs = i
        // console.log(i);
      },
      //1.房源板块
      // 上传图片的选择和删除及存储file
      // 阻止upload的自己上传，进行再操作
      onchange(file, filesList, event) {
        this.fileLength += 1 // 表示有一张图片
        // 创建临时的路径来展示图片
        var windowURL = window.URL || window.webkitURL
        this.src = windowURL.createObjectURL(file.raw)
        this.houseFile = file.raw
      }, // 删除图片
      handleRemove(file, filesList) {
        this.fileLength -= 1 // 表示删了一张图片
        this.fileLength = filesList.length
        this.houseFile = ''
      },

      //展示编辑房源的对话框
      async showhouseDialog() {
        this.houseform = this.houseRow;
        this.editDialogVisible = true
      },
      // 监听修改房源对话框的关闭事件
      editDialogClosed() {
        this.$refs.editFormRef.resetFields() // 重置表单
      },
      // 修改房源信息并提交
      edithouseInfo() {
        // 判断是否选择了图片(还有为空判断)
        // this.fileLength=0说明没有选择图片
        // if (this.fileLength == 0) {
        //   this.$message('请选择一张图片上传')
        //   return;
        // }

        // 表单预校验
        this.$refs.editFormRef.validate(async valid => {
          if (!valid) return
          // 发起修改房源信息的数据请求

          // 配置上传图片的头信息
          const config = {
            headers: {
              'Content-Type': 'multipart/form-data'
            }
          }
          // 封装房源信息
          var formdata = new FormData();
          formdata.append("houseid", this.houseform.houseid);
          formdata.append("mtitle", this.houseform.mtitle);
          formdata.append("mimg", this.houseform.mimg);
          formdata.append("mtypeid", this.houseform.mtypeid);
          formdata.append("houseFile", this.houseFile);
          console.log(this.houseform.houseid + this.houseform.mtitle + this.houseFile);
          const {
            data: res
          } = await this.$axios.post(
            'houseController/updatehouse.action', formdata, config
          )
          if (res < 1) {
            return this.$message.error('更新房源信息失败！')
          }
          // 关闭对话框
          this.editDialogVisible = false
          // 刷新数据列表
          this.gethouseInfo();
          // 提示修改成功
          this.$message.success('更新房源信息成功！')
        })
      }
    }
  }
